Welcome to Css!

1.06 行内样式和内部样式

引入css有两种方式:

1、行内样式:

将css代码写在元素开始标签的style属性中,可以设置多个样式,使用分号隔开

2、内部样式

在当前网页head标签模块中,写上一代style标签,然后在style标签中,使用选择器编写css代码:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<style>

#laoliu{

color:blue;

font-size:28px;

}

</style>

</head>

<body>

<div style="color:red;font-size:22px;">

这是行内样式

</div>

<div id="laoliu" >

这是内部样式

</div>

</body>

</html>